<template>
	<div class="layout layout-100">
		<Layout class="layout-100">
			<Header class="header-cont">{{this.$route.params.name}}</Header>
			<Content class="content-cont">
				<Form label-position="top">
					<Row>
						<Col span="12">
						<FormItem label="公司名称">
							<Input style="width:350px;" v-model.trim="detailData.enterpriseName" :title="detailData.enterpriseName" readonly />
						</FormItem>
						</Col>
						<Col span="12">
							<FormItem label="所属区域">
								<Input style="width:350px;" v-model.trim="detailData.areaName"  readonly/>
							</FormItem>
						</Col>
						<Col span="12">
						<FormItem label="项目名称">
							<Input style="width:350px;" v-model.trim="detailData.projectName" :title="detailData.projectName" readonly />
						</FormItem>
						</Col>
						<Col span="12">
						<FormItem label="工点名称">
							<Input style="width:350px;" v-model.trim="detailData.constructionPointName" :title="detailData.constructionPointName" readonly />
						</FormItem>
						</Col>
						<Col span="12">
						<FormItem label="工点风险等级">
							<Input style="width:350px;" v-model.trim="detailData.distRiskGrade" :title="detailData.distRiskGrade" readonly />
						</FormItem>
						</Col>
						<Col span="12">
						<FormItem label="起始时间">
							<Input style="width:350px;" v-model.trim="detailData.startTime" readonly />
						</FormItem>
						</Col>
						<Col span="12">
						<FormItem label="结束时间">
							<Input style="width:350px;" v-model.trim="detailData.endTime" readonly />
						</FormItem>
						</Col>
						<Col span="12">
						<FormItem label="是否在施">
							<Input style="width:350px;" v-model.trim="detailData.isWork" readonly />
						</FormItem>
						</Col>
						<Col span="24">
						<FormItem label="工点描述">
							<Input style="width:80%;" type="textarea" v-model.trim="detailData.constructionPointDescription" readonly />
						</FormItem>
						</Col>
						<Col span="12">
						<FormItem label="作业风险名称">
							<Input style="width:350px;" v-model.trim="detailData.riskName" :title="detailData.riskName" class="width50" readonly />
						</FormItem>
						</Col>
						<Col span="12">
						<FormItem label="作业风险类型">
							<Input style="width:350px;" v-model.trim="detailData.riskCategoryNames" :title="detailData.riskCategoryNames" readonly />
						</FormItem>
						</Col>
						<Col span="12">
						<FormItem label="作业风险等级">
							<Input style="width:350px;" v-model.trim="detailData.riskLevelName" readonly />
						</FormItem>
						</Col>
						<Col span="12">
						<FormItem label="分级方法">
							<Input style="width:350px;" v-model.trim="detailData.classificationMethodName" :title="detailData.classificationMethodName" readonly />
						</FormItem>
						</Col>
						<Col span="24">
						<FormItem label="具体风险描述">
							<Input style="width:80%;" type="textarea" v-model.trim="detailData.riskDescription" :title="detailData.riskDescription" readonly />
						</FormItem>
						</Col>
						<Col span="12">
						<FormItem label="是否销号">
							<Input style="width:350px;" v-model.trim="detailData.isDestroy" readonly />
						</FormItem>
						</Col>
					</Row>
				</Form>
			</Content>
		</Layout>
	</div>
</template>

<script>
	import {
		mapMutations
	} from 'vuex'
	export default {
		name: "general-identification-ledger-detail",
		data() {
			return {
				detailData: '',
				personType: JSON.parse(localStorage.getItem('personType')),
				formData: {
					audit: '0',
					description: ''
				}
			}
		},
		methods: {
			getRiskOrderDestroydetail() { //信息详情
				this.$api.ledgerQuery.getRiskOrderOriginDetail(this.$route.params).then(res => {
					if (res.code === 200) {
						this.detailData = res.data;
					} else {
						this.$Message.warning(res.message)
					}
				})
			}
		},
		mounted() {
			this.getRiskOrderDestroydetail();
		}
	};
</script>

<style scoped>
	.width50 {
		width: 40%;
	}
</style>
